<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">关于我们</el-breadcrumb-item>
      <el-breadcrumb-item>了解我们</el-breadcrumb-item>
    </el-breadcrumb>
    <div>
      <el-carousel height="600px" indicator-position="outside">
        <el-carousel-item>
          <div class="know-us">
            <img :src="imgUrl_1" alt="" />
            <div class="content">
              <p style="text-indent: 2rem">
                多罗碧加乐园以"打造连锁文化公园"为愿景,旨在为不同的城市,带来同样的欢乐,
                创建繁华都市开心地。"时尚、动感、激情"的乐园,是我们新打造的复合型、生态型和创新型的大型文化公园。
              </p>
              <p style="text-indent: 2rem; margin-top: 20px">
                作为"东西南北中,欢乐大中国"全国战略布局的第一站,我们将以全球顶尖的高科技游乐设备、精彩纷呈的文化演艺精品、优美生动的自然生态景观、深具人文魅力的主题娱乐体验,向现代都市人提供愉悦身心的多元化休闲方式和都市娱乐产品,并将成为华中城市旅游新名片。
              </p>
            </div>
          </div>
        </el-carousel-item>
        <el-carousel-item>
          <div class="know-us">
            <img :src="imgUrl_2" alt="" />
            <div class="content">
              <p style="text-indent: 2rem">
                多罗碧加乐园是华中地区的大型文化主题公园，由赵珂倾力打造。惊险刺激的游乐设备、丰富多彩的演艺项目、精彩纷呈的主题文化节庆活动让本乐园成为“时尚、动感、激情”的繁华都市开心地。
              </p>
              <p style="text-indent: 2rem; margin-top: 20px">
                园区创新设置了100多项娱乐体验项目，包括双龙木质过山车“木翼双龙”、720度圆环过山车“凤舞九天”、中国至高的弹射过山车“极速飞车”等30多项游乐体验设备，以及40多处生态人文景观、10多台文化演艺精品和20多项主题娱乐游戏，精彩诠释多元欢乐。
              </p>
            </div>
          </div>
        </el-carousel-item>
        <el-carousel-item>
          <div class="know-us">
            <img :src="imgUrl_3" alt="" />
            <div class="content p-mang">
              <p>
                <i class="el-icon-location-information"></i
                >地址：武汉东湖生态旅游风景区欢乐大道196号
              </p>
              <p>
                <i class="el-icon-phone-outline"></i
                >联系电话总机：（027）86780000
              </p>
              <p>
                <i class="el-icon-phone-outline"></i
                >游客服务中心：（027）88518861
              </p>
              <p>
                <i class="el-icon-phone-outline"></i>销 售 热 线
                ：（027）88926666
              </p>
              <p><i class="el-icon-message"></i>邮　　　编 ： 430077</p>
              <p>
                <i class="el-icon-phone-outline"></i>医护电话：（027）88518912
              </p>
              <p>
                <i class="el-icon-phone-outline"></i>应急电话：（027）88518832
              </p>
              <p>
                <i class="el-icon-phone-outline"></i>救援电话：（027）88518856
              </p>
              <p>
                <i class="el-icon-phone-outline"></i
                >武汉疾控中心客服电话：（027）85805111
              </p>
            </div>
          </div>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      imgUrl_1: require("@/assets/images/KnowUs-1.png"),
      imgUrl_2: require("@/assets/images/KnowUs-2.png"),
      imgUrl_3: require("@/assets/images/KnowUs-3.png"),
    };
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="scss">
::v-deep .el-breadcrumb {
  font-size: 21px;
  line-height: 2;
}

::v-deep .el-carousel {
  max-width: 1300px;
  margin: auto;
}

.know-us {
  margin-top: 50px;
  display: flex;

  .content {
    flex: 1;
    // background-image: linear-gradient(135deg, #5151e6 10%, #72edf1 100%);
    background-image: linear-gradient(135deg, #72edf1 10%, #5151e6 100%);
    color: #fff;
    padding: 30px;
    max-width: 500px;

    p {
      line-height: 42px;
      font-size: 18px;
    }

    i {
      margin-right: 5px;
    }
  }
}

img {
  height: 529px;
  width: 800px;
}

.p-mang p {
  margin-top: 10px;
}
</style>
